<!DOCTYPE HTML>
<html>
<head>
<meta property="og:image" content="__ROOT__{$val['pic']|get_cover='path'}"/> 
<include file="Public/head"/>
</head>
<body>
	<!-- 头部 -->
	<include file="Public/header"/>
	<!-- /头部 -->
	
	<!-- 主体 -->
 <div class="deatail">
            <div class="container">
                <div class="col-md-6 p-0">
                    <div class="swiper-container swiper1">
                            <div class="swiper-wrapper fleft gallery clearfix">
                                <foreach name='photo' item='val'>
                                <div class="swiper-slide h-325 c-e-i"><a href="__ROOT__{$val|get_cover='path'}"  rel="prettyPhoto[gallery2]"><img src="__ROOT__{$val|get_cover='path'}"></a></div>
                                </foreach>
                            </div>
                                  <div class="swiper-pagination swiper-pagination1"></div>
                            <div class="swiper-button-next swiper-button-next1"><i class="fa fa-angle-right slide-ico"></i></div>
                            <div class="swiper-button-prev swiper-button-prev1"><i class="fa fa-angle-left slide-ico"></i></div>
                   </div>
                </div>
                <div class="col-md-6 h-325 bg">
                     <div class="market-title">
                            <div class="col-md-8 col-sm-8 col-xs-8">
                                        <h3><a>{$data.title}</a><span>
                                                <if condition='$data.selltype eq 1'>
                                                    出租
                                                    <else/>
                                                    出售
                                                </if>
                                    </span></h3>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4 text-right title-right">{$data.unit_price}{$data.prices2}</div>
                        </div>
                        <p>
                          {$data.description}
                        </p>
                        <p class="col-md-8 col-xs-8 p-0 area">
                            面積：<span>{$data.area}{$data.unit_area}</span>
                        </p>
                        <p class="col-md-8 col-xs-8 p-0 area">
                             房型：<span>{$data.shi}</span>室<span>{$data.ting}</span>廳<span>{$data.wei}</span>衛
                        </p>
                        
                    <div class="col-md-12 col-xs-12 p-0"><span class="call"><i class="fa fa-phone call-ico"></i></span><span class="call-font">{$data.tel}</span></div>
                 <div class="bdsharebuttonbox">
                          <div class="bdf">分享到：</div>
                            <div class="bdf"><a class="bds_weixin" data-cmd="weixin"></a><i class="fa fa-weixin ey-ico"></i></div>
                            <div class="bdf"><a class="bds_fbook" data-cmd="fbook"></a><i class="fa fa-facebook ey-ico"></i></div>
                       </div>
<script>
    window._bd_share_config=
            {"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16}};
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>
                </div>
                <div class="introduction">
                   <h3>物業簡介</h3>
                   <p>{$data.content}</p>
              
                </div> 
               <div class="similar-li fleft gallery clearfix">
                   
                   <div class="col-md-12"> <h3>外景圖</h3></div>
                   <foreach name='photo2' item='val'>
                        <div class="col-md-4">
                            <div class="h-207 c-e-i">
                                <a href="__ROOT__{$val|get_cover='path'}"  rel="prettyPhoto[gallery2]"><img src="__ROOT__{$val|get_cover='path'}"></a>
                             </div>
                    
                        </div>
                   </foreach>
                     <div class="col-md-12"><h3>內景圖</h3></div>
                 
                                  <foreach name='photo3' item='val'>
                        <div class="col-md-4">
                            <div class="h-207 c-e-i">
                                <a href="__ROOT__{$val|get_cover='path'}"  rel="prettyPhoto[gallery2]"><img src="__ROOT__{$val|get_cover='path'}"></a>
                             </div>
                    
                        </div>
                   </foreach>
                     </div>    
                <div class="col-md-12 map">
                    <div class="a-e-i">  
                    <img src="__PUBLIC__/Index/images/map.png">
                    <a class="map-btn" data-toggle="modal" data-target="#myModal" data-to="{$map[0]}" data-po="{$map[1]}">查看地圖</a>
                    </div> 
                </div>   
            </div>
        </div>
<!--聯繫我們-->
	<include file="Public/message"/>
<!--/聯繫我們-->
        <div class="col-md-12 copyright text-center">{:C('WEB_COPYRIGHT')}</div>
        <a class="go-top"><i class="fa fa-angle-up"></i></a>
        <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog map-modal">
    <div class="modal-content">
      
      <div class="modal-body m-b-0">
          <div class="gmap3"></div>
      </div>
      
    </div>
  </div>
</div>
            {:C('GOOGLEANALYTICS')}
        <script src="__PUBLIC__/Index/js/jquery.min.js" type="text/javascript"></script>
        <script src="__PUBLIC__/Index/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="__PUBLIC__/Index/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 
        <script src="__PUBLIC__/Index/dist/js/swiper.js" type="text/javascript"></script>
<!--        <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>-->
        <script src="__PUBLIC__/Index/js/gmap3.min.js" type="text/javascript"></script>
        <script src="__PUBLIC__/Index/js/sjc.js" type="text/javascript"></script>       
        <script type="text/javascript">
             $('.col-nav li').removeClass('active');
             $('.col-nav li:eq(3)').addClass('active');
             $('.nav-btn span').text('樓盤信息');
                $(document).ready(function () {
                    $('.map-btn').click(function(){
                        $('#myModal').show();
                        var mapx=$(this).attr('data-to');
                        var mapy=$(this).attr('data-po');
                         $(".gmap3").gmap3({
                         map:{
                         options:{
                         center: [mapx,mapy],
                                 zoom: 15
                         }
                         }, marker: {
                         latLng:[mapx,mapy]
                         }
                         });
                         });
                 });
    </script>
	<!-- /主体 -->
</body>
</html>